/*
Theme Name: jumbo spices limited
Author: Creative Y&R
Author URI: http://www.jumbospices.co.ke
Description: jumbo spices limited
Version: 1.0
*/

@charset "utf-8";
/** FONTS **/

@font-face {
    font-family: 'playfair_displaybold';
    src: url('fonts/playfairdisplay-bold-webfont.eot');
    src: url('fonts/playfairdisplay-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/playfairdisplay-bold-webfont.woff2') format('woff2'), url('fonts/playfairdisplay-bold-webfont.woff') format('woff'), url('fonts/playfairdisplay-bold-webfont.ttf') format('truetype'), url('fonts/playfairdisplay-bold-webfont.svg#playfair_displaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'playfair_displayitalic';
    src: url('fonts/playfairdisplay-italic-webfont.eot');
    src: url('fonts/playfairdisplay-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/playfairdisplay-italic-webfont.woff2') format('woff2'), url('fonts/playfairdisplay-italic-webfont.woff') format('woff'), url('fonts/playfairdisplay-italic-webfont.ttf') format('truetype'), url('fonts/playfairdisplay-italic-webfont.svg#playfair_displayitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'playfair_displayregular';
    src: url('fonts/playfairdisplay-regular-webfont.eot');
    src: url('fonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/playfairdisplay-regular-webfont.woff2') format('woff2'), url('fonts/playfairdisplay-regular-webfont.woff') format('woff'), url('fonts/playfairdisplay-regular-webfont.ttf') format('truetype'), url('fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aleo_regular';
    src: url('fonts/aleo-regular-webfont.eot');
    src: url('fonts/aleo-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aleo-regular-webfont.woff2') format('woff2'), url('fonts/aleo-regular-webfont.woff') format('woff'), url('fonts/aleo-regular-webfont.ttf') format('truetype'), url('fonts/aleo-regular-webfont.svg#aleo_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aleo_italic';
    src: url('fonts/aleo-italic-webfont.eot');
    src: url('fonts/aleo-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aleo-italic-webfont.woff2') format('woff2'), url('fonts/aleo-italic-webfont.woff') format('woff'), url('fonts/aleo-italic-webfont.ttf') format('truetype'), url('fonts/aleo-italic-webfont.svg#aleo_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aleo_bold';
    src: url('fonts/aleo-bold-webfont.eot');
    src: url('fonts/aleo-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aleo-bold-webfont.woff2') format('woff2'), url('fonts/aleo-bold-webfont.woff') format('woff'), url('fonts/aleo-bold-webfont.ttf') format('truetype'), url('fonts/aleo-bold-webfont.svg#aleo_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neuebold';
    src: url('fonts/bebasneue_bold-webfont.eot');
    src: url('fonts/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebasneue_bold-webfont.woff2') format('woff2'), url('fonts/bebasneue_bold-webfont.woff') format('woff'), url('fonts/bebasneue_bold-webfont.ttf') format('truetype'), url('fonts/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/bebasneue_regular-webfont.eot');
    src: url('fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebasneue_regular-webfont.woff2') format('woff2'), url('fonts/bebasneue_regular-webfont.woff') format('woff'), url('fonts/bebasneue_regular-webfont.ttf') format('truetype'), url('fonts/bebasneue_regular-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** RESET **/

* {
    margin: 0;
    padding: 0;
    outline: 0;
    border: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

ul,
ol {
    list-style: none;
}

a,
a:focus,
a:hover {
    text-decoration: none;
}

img {
    display: block
}

body {
    color: #333;
    background: #fff;
    position: relative;
    font: 16px/100% 'aleo_regular', Helvetica, Arial, sans-serif;
}

select {
    border: 1px solid #eee;
    padding: 10px;
    min-width: 250px;
}

.contactForm select {
    width: 100%
}

/** TYPOGRAPHY **/

p {
    font-size: 16px;
    line-height: 183%;
    padding: 0 0 10px;
    margin: 0
}

ul li {
    font-size: 15px;
    line-height: 130%;
}

h1 {
    font: normal 40px/120% 'bebas_neuebold', Helvetica, Arial, sans-serif;
}

h2 {
    font: normal 30px/110% 'bebas_neuebold', Helvetica, Arial, sans-serif;
}

h3 {
    font: normal 21px/120% 'bebas_neuebold', Helvetica, Arial, sans-serif;
}

h4 {
    font: normal 15px/120% 'bebas_neuebold', Helvetica, Arial, sans-serif;
}

h5 {
    font: normal 14px/120% 'bebas_neuebold', Helvetica, Arial, sans-serif;
}

/** GENERAL CLASSES AND ELEMENTS **/

.centerLayout {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.caps {
    text-transform: uppercase;
}

strong,
b {
    font-family: 'aleo_bold', Helvetica, Arial, sans-serif;
    font-weight: normal
}

em,
i {
    font-family: 'aleo_italic', Helvetica, Arial, sans-serif;
    font-style: normal
}

.dispTable {
    width: 100%;
    height: 100%;
    display: table;
}

.dispTableCell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.pinkBg {
    background: #d24783
}

.woodBg {
    background: url(images/background-pattern-wood.png) repeat-x 0 0;
}

.lightBluBg {
    background: #38b4b9
}

.orangeBg {
    background: #ff8339
}

.darkBlueBg {
    background: #034ea1
}

.darkRedBg {
    background: #cc3333
}

.tanBg {
    background: #fe6448
}

.button a {
    display: inline-block;
    padding: 0 28px 0 11px;
    height: 40px;
    background: #c81f25;
    color: #fff;
    font: 20px/40px 'bebas_neuebold', Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    position: relative;
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.button a:after {
    content: "\f105";
    font: 21px/40px 'FontAwesome';
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 0;
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.button a:hover {
    background: #003A79
}

.button a:hover:after {
    -o-transform: translate3d(8px, 0, 0);
    -moz-transform: translate3d(8px, 0, 0);
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0);
}

.contentLayout {
    width: 63%;
    margin: 0 auto;
}

.bge-modal-cont {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    padding: 2% 0;
    opacity: 0;
    visibility: hidden;
    -o-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.bge-modal-cont.show-pop {
    opacity: 1;
    visibility: visible;
}

.dark-overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
}

.dark-overlay:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(images/image-pattern.png);
    display: block;
    opacity: 0.3;
}

.bge-modal {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: 70%;
    height: 100%;
    background: #fff;
    padding: 40px;
    background: url(images/policies-pop-bg.jpg) no-repeat center center;
    background-size: cover;
    -o-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.closeModalWindow {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background: #fff;
    cursor: pointer;
}

.closex {
    position: absolute;
    left: 16px;
    top: 4px;
    display: block;
    height: 25px;
}

.closexInner {
    width: 2px;
    height: 100%;
    display: block;
    cursor: pointer;
    position: relative
}

.closexInner:after,
.closexInner:before {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    width: 2px;
    height: 100%;
    background: #000;
}

.closexInner:before {
    right: 0;
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.closexInner:after {
    left: 0;
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.text-center {
    text-align: center;
}

/** LAYOUT CONTAINERS AND THEIR RELATED ELEMENTS **/

#pageWrap {
    padding: 0 40px;
    background: #fafafa;
    -o-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.menu-open #pageWrap {
    -ms-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
    position: relative;
}

.menu-open #pageWrap:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 90;
    width: 100%;
    height: 100%;
    background: rgba(249, 249, 249, 0.78);
}

#innerPageWrap {
    background: #fff;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    margin: auto;
    max-width: 1600px
}

/***** HOMEPAGE **/

/* Page Header */

.logoNavSeIn {
    position: relative
}

.logoCont {
    float: left;
    margin: 11px 0 0;
}

.rightPageHeader {
    float: right;
}

.mainNav {
    float: left;
}

.mainNav>ul>li {
    float: left;
    margin-left: 20px;
}

.mainNav li a {
    font: 18px/80px 'bebas_neuebold', Helvetica, Arial, sans-serif;
    display: block;
    color: #323232;
    letter-spacing: 2px;
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.mainNav li a:hover,
.mainNav>ul>li.current-menu-item>a {
    color: #c81f25;
}

.mainNav>ul>li>ul {
    position: absolute;
    left: 50%;
    top: 80px;
    z-index: 10;
    margin: 0 0 0 -539px;
    width: 1078px;
    opacity: 0;
    visibility: hidden;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -o-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -o-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.3s;
    -webkit-box-shadow: -5px 5px 6px -5px #222;
    box-shadow: -5px 5px 6px -5px #222;
}

.mainNav>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.mainNav>ul>li>ul a {
    font: 14px/100% 'aleo_bold', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.mainNav>ul>li>ul>li:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.mainNav>ul>li>ul>li>a {
    width: 280px;
    float: left;
    padding: 13px 0 13px 13px;
    background: #e4e4e4;
    border-bottom: 1px solid #eeeeee
}

.mainNav>ul>li>ul>li>a:hover,
.mainNav>ul>li>ul>li.active>a {
    background: #eeeeee;
    color: #c81f25;
}

.mainNav>ul>li>ul>li>ul {
    position: absolute;
    right: 0;
    top: 0;
    width: 798px;
    z-index: 11;
    background: #eeeeee;
    padding: 30px 0 0;
    -webkit-box-shadow: 5px 4px 6px -4px #222;
    box-shadow: 5px 4px 6px -4px #222;
}

.mainNav>ul>li>ul>li>ul.inactive {
    opacity: 0;
    visibility: hidden
}

.mainNav>ul>li>ul>li>ul.active {
    opacity: 1;
    visibility: visible
}

.mainNav>ul>li>ul>li>ul>li {
    width: 24%;
    display: inline-block;
    vertical-align: bottom;
    padding: 10px 0;
    border-right: 1px solid #E0E0E0;
    margin: 0 0 35px;
    -o-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.mainNav>ul>li>ul>li>ul>li>a {
    text-align: center;
    display: block;
    width: 100%;
}

.mainNav>ul>li>ul>li>ul>li>a img {
    display: inline;
    padding: 0 !important;
    height: 135px;
    opacity: 1;
    -o-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.mainNav>ul>li>ul>li>ul>li>a span {
    display: block;
    text-align: center;
    margin: 20px 0 0;
    line-height: 135%;
    padding: 0 12px;
    -o-transition: transform ease-in-out 0.4s;
    -moz-transition: transform ease-in-out 0.4s;
    -webkit-transition: transform ease-in-out 0.4s;
    transition: transform ease-in-out 0.4s;
}

.mainNav>ul>li>ul>li>ul.inactive>li>a>img,
.mainNav>ul>li>ul>li>ul.inactive>li>a>span {
    -o-transform: translate3d(-10px, 0, 0);
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    opacity: 0
}

.mainNav>ul>li>ul>li>ul.active>li>a>img,
.mainNav>ul>li>ul>li>ul.active>li>a>span {
    -o-transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1
}

.mainNav>ul>li>ul>li>ul>li>a:hover img {}

#menu-item-491 {
    position: relative
}

#menu-item-491>ul {
    width: 300px;
    margin: 0;
    left: auto;
    right: 0;
}

#menu-item-491>ul>li>a {
    width: 100%;
}

.searchIcon {
    float: left;
    height: 35px;
    border-left: 1px solid #adadad;
    padding: 0 0 0 10px;
    margin: 23px 0 0 20px;
    cursor: pointer;
}

.searchIcon .fa {
    font-size: 20px;
    line-height: 35px;
}

.searchForm {
    background: #f0f0f0;
    height: 0px;
    overflow: hidden;
    -o-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.searchForm.openSearch {
    height: 96px
}

.searchFormIn {
    position: relative
}

.searchFormIn input[type="text"] {
    width: 100%;
    display: block;
    height: 54px;
    padding: 10px 50px 10px 15px;
    background: #fff;
    border: 1px solid #E4E4E4;
    line-height: 100%;
    font: 23px/100% 'aleo_italic', Helvetica, Arial, sans-serif;
    color: #777;
}

.searchForm.openSearch .searchFormIn input[type="text"] {
    background: #dcdcdc;
    transition: background 0.4s ease-in-out 0.4s;
}

.searchFormIn input[type="text"]::-webkit-input-placeholder {
    color: #B5B5B5;
}

.searchFormIn input[type="text"]:-moz-placeholder {
    color: #B5B5B5;
}

.searchFormIn input[type="text"]::-moz-placeholder {
    color: #B5B5B5;
}

.searchFormIn input[type="text"]:-ms-input-placeholder {
    color: #B5B5B5;
}

.searchFormIn button {
    display: block;
    font-size: 0px;
    line-height: 0;
    background: transparent;
    position: absolute;
    right: 16px;
    top: 50%;
    width: 25px;
    height: 25px;
    margin: -14.5px 0 0;
    cursor: pointer;
}

.searchFormIn button:after {
    content: "\f002";
    font: 25px/100% 'FontAwesome';
    color: #C3C3C3;
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.searchFormIn button:hover:after {
    color: #000
}

/* Home Banner */

#bannerSect {
    overflow: hidden;
}

/**** Home Midsection */

/* Homepage */

.innerMidRowHead {
    text-align: center;
    padding: 40px 0;
}

.innerMidRowHead h2 {
    display: inline-block;
    vertical-align: bottom;
    color: #00346D;
    line-height: 22px;
    letter-spacing: 1px;
}

.innerMidRowHead h2:before,
.innerMidRowHead h2:after {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 45px;
    height: 1px;
    margin: 0 15px;
    background: #00346D;
}

.innerMidRowHead.whiteRowHead h2 {
    color: #fff
}

.innerMidRowHead.whiteRowHead h2:before,
.innerMidRowHead.whiteRowHead h2:after {
    background: #fff;
}

.singleProdIntro {
    float: left;
    width: 20%;
    height: 300px;
    position: relative;
    padding: 20px;
}

.singleProdIntro.twoColumnar {
    width: 40%;
}

.snProdIntroHead {
    text-align: center;
    position: relative;
    z-index: 10
}

.snProdIntroHead h3 {
    color: #fff;
    margin: 0 0 15px;
    font-size: 28px;
    letter-spacing: 1px;
}

.bglessBtn span,
.bglessBtn a {
    display: inline-block;
    padding: 9px 10px;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    text-transform: uppercase;
    font: 13px/1 'aleo_italic', Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.bglessBtn span:hover,
.bglessBtn a:hover {
    background: #fff;
    color: #000;
}

.snProdIntroBody {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
}

.prodImgCont {
    text-align: center
}

.prodImgCont img {
    display: inline;
    max-width: 100%;
}

.dataIntroInner {
    padding: 40px 0;
}

.singleDataIntro {
    float: left;
}

.singleDataIntroIn {
    padding: 10px 0
}

.datIntroTxtOnly {
    padding: 0 20px 0 0;
    border-right: 1px solid #DEDEDE;
    width: 30%;
}

.datIntroTxtOnly .singleDataIntroHead h3 {
    color: #525252;
    margin: 0 0 10px;
    font-size: 30px;
    letter-spacing: 1px
}

.datIntroTxtOnly .button {
    margin: 20px 0 0;
}

.datIntroGlobe,
.datIntroSvg {
    padding: 0 20px;
    border-right: 1px solid #DEDEDE;
    width: 25%;
}

.globeCont {
    text-align: center
}

.globeCont img {
    display: inline;
    max-width: 100%;
}

.dataStats {
    text-align: center;
}

.leftDataStats,
.rightDataStats {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    text-align: left;
    position: relative
}

.numberDataStats {
    font: 108px/1 'bebas_neuebold', Helvetica, Arial, sans-serif;
    color: #034ea1
}

.textDataStas {
    padding: 20px 0 0;
}

.textDataSpan {
    display: block;
    font: 20px/100% 'aleo_bold', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 0 0 6px;
    color: #034ea1
}

.datIntroSvg .rightDataStats {
    right: 5px
}

.svgMapCont {
    max-width: 180px;
    margin: 0 auto
}

.mapKenyaSvg {
    width: 100%;
    height: auto
}

.datIntroLinks {
    width: 20%;
    padding: 0 0 0 20px;
}

.datIntroLinks li {
    border-bottom: 1px solid #DEDEDE;
}

.datIntroLinks li a {
    height: 47px;
    display: block;
    font: 20px/47px 'bebas_neuebold', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #69696a;
    position: relative;
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.datIntroLinks li a:hover {
    color: #c81f25;
}

.datIntroLinks li a:after {
    content: "\f105";
    font: 21px/47px 'FontAwesome';
    color: #69696a;
    display: inline-block;
    margin: 0 0 0 12px;
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.datIntroLinks li a:hover:after {
    margin: 0 0 0 18px;
    color: #c81f25;
}

.toolsIntro {
    background: url(images/tools-bg.jpg) no-repeat 0 0;
    background-size: cover;
}

.toolsIntroInner {
    text-align: center;
    padding: 0 0 40px;
}

.singleToolIntro {
    width: 27%;
    display: inline-block;
    margin: 0 2%;
}

.singleToolImg {
    position: relative;
}

.singleToolImg img {
    width: 100%;
}

.singleToolImg:after {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    background: #c81f25 no-repeat center center;
    border: 4px solid #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: 0 0 -30px -30px;
}

.recipesTool .singleToolImg:after {
    background-image: url(images/cutlery-icon.png);
}

.guidesTool .singleToolImg:after {
    background-image: url(images/abc-guides.png);
}

.bmiTool .singleToolImg:after {
    background-image: url(images/heart-icon.png);
}

.singleToolBody {
    background: #fff;
}

.singleToolBodyIn {
    padding: 35px 35px;
}

.singleToolBody h3 {
    font: 30px/100% 'bebas_neuebold', Helvetica, Arial, sans-serif;
    color: #000;
    margin: 0 0 10px;
}

.singleToolBody p {
    padding: 0;
}

.singleToolFoot {
    background: #c81f25;
    text-align: center
}

.singleToolFoot a {
    color: #fff;
    font: 14px/1 'aleo_italic', Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 17px 10px;
    display: block;
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.singleToolFoot a:hover {
    background: #003A79
}

/* Footer */

.footerNavsCont {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    background: #f1f1f3;
    border-top: 1px solid #E6E6E6;
}

.footerNavs {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 4%;
}

.footerNavsHead h3 {
    font-size: 18px;
    margin: 0 0 15px;
    letter-spacing: 1px;
    color: #005575;
}

.footerNavs li {
    margin: 0 0 10px;
}

.footerNavs li:last-child {
    margin: 0;
}

.footerNavs li a {
    display: block;
    color: #616161;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.footerNavs li a:hover {
    color: #c81f25
}

.miscStuffFooter {
    position: relative;
    background: #19262d;
    height: 57px;
}

.copyrightText {
    float: left;
    padding: 0;
    line-height: 57px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
}

.copyrightText:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 1px;
    background: #fff;
    vertical-align: top;
    margin: 0 10px;
    position: relative;
    top: 29px;
}

.footOtherLinks {
    float: left;
}

.footOtherLinks li {
    float: left;
}

.footOtherLinks li:after {
    content: "/";
    color: #D0D0D0;
    float: left;
    line-height: 57px;
    font-size: 13px;
}

.footOtherLinks li:last-child:after {
    display: none;
}

.footOtherLinks li a {
    float: left;
    line-height: 57px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #D0D0D0;
    padding: 0 7px;
}

.footOtherLinks li:first-child a {
    padding-left: 0px;
}

.backToTopCont {
    position: absolute;
    right: 0;
    top: 0;
    width: 57px;
    height: 57px;
}

.backToTopCont a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: #293F4A;
}

.backToTopCont a:before {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -9px 0 0 -4.5px;
    background: transparent;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.backToTopCont a:after {
    content: "";
    display: block;
    width: 2px;
    height: 20px;
    background: #FFFFFF;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 0px;
}

.subscribe-sect {
    background: #f1f1f3;
    border-top: 1px solid #E6E6E6;
    padding: 0 0 40px;
}

.subscribe-intro {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.btn-cta {
    display: inline-block;
}

.subscribe-intro .btn-cta {
    margin-top: 20px;
}

.btn-cta a {
    background: #c81f25;
    color: #fff;
    font: 14px/1 'aleo_italic', Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px 17px;
    display: block;
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.btn-cta a:hover {
    background: #003A79
}

/**** Inner Pages */

/* Banner */

.innerBannersCont li {
    position: relative
}

.innerBannerTxt {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.innerBannerTxtIn {
    text-align: center;
    padding: 0 390px;
    color: #fff;
}

.innerBannerTxtIn h1 {
    margin: 0 0 10px;
    font-size: 56px;
    text-shadow: 1px 1px 1px #000;
    letter-spacing: 1px;
}

.innerBannerTxtIn p {
    padding: 0;
    font-size: 18px;
    text-shadow: 1px 1px 3px #000;
}

.innerBannerImg {
    position: relative;
    background: no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
    height: auto;
    max-height: 338px;
    overflow: hidden;
}

.innerBannerImg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}

/* Midsection */

/* About Us Page */

.mvcContItem {
    width: 100%;
    margin: 0 auto;
}

.mvcTtl,
.mvcText {
    float: left;
    width: 50%;
    height: 100%;
    text-align: center;
}
/**/
.mvcTtl {
    background: #00b12b;
    color: #fff;
    letter-spacing: 2px;
    position: relative;
}

.mvcTtl:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -12px;
    margin: -6px 0 0;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #00b12b;
}

.mvcText {
    background: #F3F3F3;
    color: #545454;
}

.mvcContItem:nth-child(even) .mvcTtl {
    float: right
}

.mvcContItem:nth-child(even) .mvcTtl:after {
    right: auto;
    left: -12px;
    border-left: none;
    border-right: 12px solid #0C427D;
}

.mvcTextIn {
    padding: 30px 30px;
}

.miniMidRow {
    margin: 0 0 30px;
}

.miniMidHead h3 {
    font-size: 21px;
    margin: 0 0 20px;
    letter-spacing: 1px;
    color: #0C427D;
}

.contentLayout blockquote {
    padding: 22px 65px;
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    font: 14px/1 'aleo_italic', Helvetica, Arial, sans-serif;
    margin: 18px 0;
    position: relative;
}

.contentLayout blockquote:before {
    content: "\201C";
    color: #034ea1;
    position: absolute;
    left: 2px;
    top: -4px;
    font: 132px/100% Helvetica, Arial, sans-serif;
}

.contentLayout blockquote p {
    padding: 0;
    text-align: center;
}

.splitColumnar {
    margin: 0 0 30px;
}

.columnarHead h3 {
    font-size: 21px;
    margin: 0 0 20px;
    color: #A9A9A9;
    letter-spacing: 1px;
}

.contentLayout ul,
.extendedText ul,
.contentLayout ol,
.extendedText ol {
    padding: 15px 0 10px 30px;
}

.contentLayout ol,
.extendedText ol {
    list-style: decimal;
    list-style-position: inside;
}

.contentLayout li,
.extendedText li {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 180%;
}

.contentLayout ul li,
.extendedText ul li {
    padding-left: 23px;
    position: relative;
}

.contentLayout ul li:before,
.extendedText ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 10px;
    height: 1px;
    display: block;
    background: #69696a;
}

.policiesCont {
    background: url(images/kasuku-bg.png) no-repeat center center;
    background-size: cover;
    padding: 0 0 40px
}

.contentSlideOut {
    text-align: center;
}

.contentSlide,
.contentSlideCntrols {
    display: inline-block;
    vertical-align: top;
}

.contentSlideList li {
    overflow: hidden
}

.contentSlideList li.inactive {
    opacity: 0;
    height: 0;
    visibility: hidden
}

.contentSlideList li.active {
    opacity: 1;
    height: auto;
    visibility: visible
}

.contentSlideCntrols {
    margin: 0 0 0 50px;
    display: none;
}

.displayCntrs.contentSlideCntrols {
    display: inline-block;
}

.singleContentSlide {
    overflow: hidden
}

.lsingleContentSlide {
    float: left;
}

.policyIcon {
    width: 190px;
    height: 190px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin: 0 20px 0 0;
    text-align: center;
}

.policyIcon img {
    display: inline
}

.rsingleContentSlide {
    float: left;
    width: 400px;
    text-align: left;
}

.slideInContent {
    color: #fff
}

.slideInContentHead h4 {
    margin: 0 0 12px;
    font-size: 23px;
    letter-spacing: 1px;
}

.policiesCont .bglessBtn {
    margin: 10px 0 20px;
}

.countSlidesCont {
    color: #fff;
    overflow: hidden;
    margin: 0 0 20px;
}

.countSlidesCont span {
    font: 19px/1 'aleo_italic', Helvetica, Arial, sans-serif;
    margin-right: 8px;
    float: left;
    min-width: 12px;
}

.directionSlides ul {
    overflow: hidden;
    border: 1px solid #fff
}

.directionSlides li {
    float: left
}

.directionSlides li span,
.dirSlidePop span {
    display: block;
    width: 35px;
    height: 35px;
    position: relative;
    background: #fff;
    cursor: pointer;
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.directionSlides li span:after,
.dirSlidePop li span:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 -5px;
    border-left: 1px solid #0C427D;
    border-bottom: 1px solid #0C427D;
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.directionSlides li.rightDirSlide span {
    background: transparent;
}

.directionSlides li.rightDirSlide span:after,
.dirSlidePop li.rightDirSlidePop span:after {
    content: "";
    border-left: none;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-left: -9px;
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.dirSlidePop li.rightDirSlidePop span:after {
    border-color: #0C427D
}

.directionSlides li span:hover {
    background: #012B5A !important
}

.directionSlides li.leftDirSlide span:hover:after {
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.show-pop .bge-modal {
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.extendedText {
    display: block;
    color: #fff
}

.extendedText a {
    color: #fff;
    text-decoration: underline;
}

.extendedText a:hover {
    color: #eae0d3;
}

.extendedText h5 {
    font-size: 20px;
    margin: 0 0 20px;
    letter-spacing: 2px;
    text-align: center;
}

.extendedText ul li:before {
    background: #fff
}

.bge-modalIn {
    height: 100%;
    overflow: auto;
}

.pad-bge-modalIn {
    padding: 0 20px;
}

.bge-modalIn .policyIcon {
    margin: 0 auto 30px;
}

.bge-modalIn .slideInContentHead h4 {
    font-size: 30px;
    color: #fff;
    text-align: center;
    margin: 0 0 20px;
}

.bge-modalIn .extendedText {
    display: block !important
}

.dirSlidePop span {
    position: absolute;
    bottom: 50%;
    margin: -17.5px 0 0;
}

.dirSlidePop li.leftDirSlidePop span {
    left: 0
}

.dirSlidePop li.rightDirSlidePop span {
    right: 0
}

.timelineCont {
    padding: 0 0 40px;
}

.timelineItem {
    width: 70%;
    margin: 0 auto;
    position: relative;
}

.lftSdtimelineItem {
    position: absolute;
    left: 1px;
    top: 0;
    width: 50%;
    height: 100%;
}

.timelineItems li {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    ;
    transition: all ease-in-out 0.6s;
}

.timelineItems li.sliced {
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
}

.timelineItems li:nth-child(even) .lftSdtimelineItem {
    left: auto;
    right: 0;
}

.timelineImg {
    width: 100%;
    height: 100%;
    background: no-repeat center center;
    background-size: cover;
}

.timelineImg img {
    width: 100%;
}

.rgtSdtimelineItem {
    float: right;
    width: 50%;
}

.timelineItems li:nth-child(even) .rgtSdtimelineItem {
    float: left;
    margin-left: 1px;
    position: relative;
}

.timelineHead h3 {
    background: #034ea1;
    color: #fff;
    padding: 10px;
    letter-spacing: 1px;
}

.timelineBody {
    padding: 10px 15px;
    border-left: 4px solid #034ea1;
}

.timelineDate {
    margin: 20px 0 10px;
}

.timelineDate p {
    padding: 0;
    color: #034ea1;
    font: 160px/100% 'aleo_bold', Helvetica, Arial, sans-serif;
}

.smallSingular {
    font-size: 73px;
    line-height: 100%;
}

.loadMoreTimeline {
    text-align: center;
    display: none;
}

.loadMoreTimeline.show {
    display: block;
}

.loadMoreTimeline span {
    display: inline-block;
    position: relative;
    padding: 68px 0 0;
    text-transform: uppercase;
    font-size: 14px;
    color: #034EA1;
    cursor: pointer;
}

.loadMoreTimeline span:after {
    content: "";
    width: 4px;
    height: 40px;
    background: #034ea1;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 1px;
}

.loadMoreTimeline span:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: #034ea1;
    border-radius: 50%;
    position: absolute;
    top: 39px;
    left: 50%;
    margin: 0 0 0 -5px;
}

/* Product Page */

.productLogo {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 9;
    padding: 12px 40px;
    text-align: center;
    width: 275px;
}

.productLogo img {
    max-width: auto !important;
    width: auto !important;
    display: inline;
}

.productLogo.Toss-Bright-powder img {
    width: auto;
    max-width: 100%;
}

.prodDetRow {
    position: relative;
}

.lftSideProdDet {
    float: left;
    width: 40%;
}

.inSideProdDet {
    padding: 30px;
}

.lftSideProdDet.prodImg {
    min-height: 350px;
    max-height: 350px;
    background: #eeeeee no-repeat center center;
    background-size: auto 80%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100% !important;
}

.prodImg img {
    display: inline;
    max-width: 100%;
}

.rgtSideProdDet {
    float: right;
    width: 60%
}

.prodDetRow:nth-child(even) .rgtSideProdDet {
    background: #eeeeee
}

.inprodDetHead h2,
.prodDetaMeta h2 {
    font-size: 30px;
    margin: 0 0 10px;
    letter-spacing: 1px;
}

.prodIcon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.prodDetaMetaRow {
    margin: 0 0 25px
}

.prodDetaMetaRow:last-child {
    margin: 0;
}

.prodDetaMeta h2 {
    color: #fff;
}

.helpfulLinks li {
    margin: 0 0 10px;
}

.helpfulLinks li a {
    color: #fff;
    font-size: 15px;
    text-decoration: underline;
}

.prodSocialLinks ul {
    overflow: hidden
}

.prodSocialLinks li {
    float: left;
    margin: 0 20px 0 0;
}

.prodSocialLinks li a {
    color: #fff;
}

.prodSocialLinks li a:before {
    font-size: 18px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 9px 0 0;
    border: 1px solid #fff;
    color: #fff;
}

.inprodDetBody li {
    margin: 0 0 10px;
    line-height: 150%;
    position: relative;
    padding-left: 20px;
}

.inprodDetBody li:before {
    content: "";
    width: 7px;
    height: 7px;
    display: block;
    background: #4870af;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
}

.adsRow img {
    width: 100%;
}

.contentTabsNav {
    background: #f9f9f9;
    text-align: center;
    padding: 40px 0 0
}

.contentTabsNav li {
    display: inline-block
}

.contentTabsNav li a {
    display: block;
    font: normal 28px/110% 'bebas_neuebold', Helvetica, Arial, sans-serif;
    color: #323232;
    letter-spacing: 1px;
    padding: 20px;
    position: relative
}

.contentTabsNav li.active a {
    background: #eeeeee
}

.contentTabsNav li.active a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #c81f25;
    width: 100%;
    height: 4px;
    display: block
}

.singleContentTabs {
    overflow: hidden
}

.singleContentTabs.active {
    height: auto;
    visibility: visible;
    opacity: 1;
}

.singleContentTabs.inactive {
    height: 0;
    visibility: hidden;
    opacity: 0;
}

.experienceIntro {
    background: url(images/background-pattern-wood-blu.png) repeat 0 0;
}

.gridsElemCont {
    text-align: center;
    padding: 0 0 40px;
}

.singleGridElem {
    display: inline-block;
    width: 22%;
    margin: 0 1%;
    vertical-align: top;
    overflow: hidden
}

.singleGridElemHead {
    position: relative;
}

.singleGridElemHead:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
}

.singleGridElemFig img {
    width: 100%;
}

.expeCat {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
}

.recipescat .expeCat,
.recipescat .singleGridElemHead:before {
    background: #b632d5;
}

.howtocat .expeCat,
.howtocat .singleGridElemHead:before {
    background: #4aa200;
}

.lifestylecat .expeCat,
.lifestylecat .singleGridElemHead:before {
    background: #16c5c8;
}

.healthcat .expeCat,
.healthcat .singleGridElemHead:before {
    background: #c81f25;
}

.singleGridElemBody {
    position: relative;
}

.singleGridElemTtl {
    background: #fff;
    padding: 10px 10px 20px;
    background-color: #fff;
    min-height: 90px;
}

.singleGridElemTtl h3 {
    color: #323232;
    font: 16px/130% 'aleo_regular', Helvetica, Arial, sans-serif;
    text-align: left;
}

.singleGridRead {
    position: absolute;
    left: 10px;
    bottom: -30px;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 25px;
    color: #c81f25;
    text-transform: uppercase;
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.singleGridElem:hover .singleGridRead {
    bottom: 0;
    opacity: 1;
}

.singleGridRead:after {
    content: "\f105";
    font: 14px/25px 'FontAwesome';
    color: #c81f25;
    display: inline-block;
    margin: 0 0 0 5px;
    vertical-align: middle;
    opacity: 0;
    -o-transition: all 0.3s ease-in-out 0.3s;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
    transition: all 0.3s ease-in-out 0.3s;
}

.singleGridElem:hover .singleGridRead:after {
    opacity: 1;
    margin: 0 0 0 10px;
}

.relatedProdRow {
    padding: 0 0 40px
}

.relatedProd {
    float: left;
    width: 25%;
    position: relative;
}

.relatedProd:before {
    content: "";
    width: 98%;
    height: 50%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #eeeeee
}

.relatedProd:last-child:before {
    width: 100%;
}

.relatedProdImg {
    text-align: center;
    position: relative;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    height: auto !important;
}

.relatedProdImg img {
    -webkit-align-self: flex-end;
    align-self: flex-end;
}

.relatedProdTtl {
    position: relative;
}

.relatedProdTtl h3 {
    text-align: center;
    color: #000;
    font-size: 21px;
    padding: 15px 0 30px;
}

.media-container {
    text-align: center;
    padding: 50px 0;
}

.iframe-cont,
.thumbnails-list li {
    width: 47%;
    margin: 0 1% 50px;
    display: inline-block;
}

.jp-audio {
    display: inline-block;
    text-align: left;
}

.pp_social {
    display: none !important;
}

/* Customer Information Page */

.downloadElemsList {
    text-align: center;
    padding: 30px 0 40px;
}

.downloadElemsList li {
    display: inline-block;
    padding: 0 !important;
    margin: 0 15px;
}

.downloadElemsList li:before {
    display: none !important
}

.downloadElemsList li a {
    display: block;
    position: relative;
    width: 190px;
    height: 200px;
    color: #fff;
}

.downlodItemTtlCont {
    background: #034ea1;
    position: relative;
    z-index: 2;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.downloadElemsList li a:hover .downlodItemTtlCont {
    background: #323232;
    transform: translate3d(0, -40px, 0);
    -webkit-transform: translate3d(0, -40px, 0)
}

.downlodItemTtl {
    display: block;
    padding: 5px;
}

.downlodItemTtl:after {
    font: 55px/100% 'FontAwesome';
    display: block;
    margin: 20px 0 0;
}

.pdfDownload:after {
    content: "\f1c1";
}

.excelDownload:after {
    content: "\f1c3";
}

.downlodItemIconCont {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    background: #034ea1;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
}

.downlodItemIcon {
    display: inline-block;
    font: 14px/1 'aleo_italic', Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.downlodItemIcon:before {
    content: "\f019";
    font: 12px/40px 'FontAwesome';
    margin: 0 9px 0 0;
    display: inline-block;
}

.localOrderFormCont {
    width: 72%;
    margin: 0 auto;
}

.gform_wrapper ul.gform_fields li {
    padding: 0;
    position: relative;
    margin: 0 0 25px !important;
}

.gform_wrapper .gform_fields .gfield_label {
    float: none;
    display: block;
    color: #717171;
    font: normal 12px/100% 'aleo_bold', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    width: 100%;
    margin: 0;
    -o-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.gform_wrapper .gform_fields .gfield_label.unfocused,
.gform_wrapper .gform_fields .gfield_label.focused {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.gform_wrapper .gform_fields .gfield_label.focused {
    font-size: 11px;
    -webkit-transform: translate3d(0, -12px, 0);
    transform: translate3d(0, -12px, 0);
    color: #ababab
}

.gform_wrapper .gform_fields input.medium,
.gform_wrapper .gform_fields textarea.medium {
    width: 100% !important;
    display: block;
    border-bottom: 1px solid #ccc;
    text-indent: 0;
    padding: 4px;
    font-size: 15px;
}

.gform_wrapper .gform_fields textarea.medium {
    border: 1px solid #ccc;
}

.gform_wrapper .ginput_container {
    position: relative;
    z-index: 1;
}

.gform_wrapper .gform_fields input[type="file"] {
    opacity: 0;
    height: 100%;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.filePath {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 0 94px 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fileWrap {
    position: relative;
    border-bottom: 1px solid #ccc;
    height: 30px;
}

.fileBtn {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 94px;
    text-align: center;
    display: inline-block;
    padding: 0 5px;
    background: #000;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

#extensions_message {
    font-size: 11px;
    color: #b1b1b1;
    display: block;
}

.gform_wrapper .gform_footer {
    padding: 0;
    margin: 0;
    width: 100%;
}

.gform_wrapper .gform_footer .button {
    display: inline-block;
    cursor: pointer;
    padding: 10px;
    background: #c81f25;
    color: #fff;
    font: 13px/1 'aleo_italic', Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    -o-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.gform_wrapper .gform_footer .button:hover {
    background: #003A79
}

.filteredData {
    padding: 0 60px 60px;
}

.facetwp-dropdown {
    border: 1px solid #d0d0d0
}

.filteredData table {
    border-collapse: collapse
}

.filteredData table,
.filteredData tr {
    width: 100%;
    text-align: left;
}

.filteredData th,
.filteredData td {
    width: 25%;
    font-weight: normal;
    vertical-align: middle;
    padding: 13px;
}

.filteredData th {
    font: 13px/1 'aleo_bold', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.filteredData thead {
    border-bottom: 1px solid #a9a9a9
}

.filteredData table p {
    padding: 0;
    font-size: 15px;
}

.filteredData tbody tr {
    background: #f9f9f9;
    border-bottom: 1px solid #e6e6e6
}

.filteredData tbody tr:nth-child(even) {
    background: #fff
}

/* Sustainability Page */

.artGridCont {
    padding-top: 40px;
    padding-bottom: 30px;
}

.singleArtGrid {
    display: inline-block;
    width: 23.2%;
    margin: 0 2% 2% 0;
    vertical-align: top;
}

.singleArtGrid:nth-child(4n) {
    margin-right: 0;
}

.headSingArt {
    position: relative;
    margin: 0 0 20px;
}

.singArtImg img {
    max-width: 100%
}

.singArtCat {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    padding: 7px;
    color: #fff;
    font: 12.5px/1 'aleo_italic', Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.singArtTtl {
    margin: 0 0 10px;
}

.singArtTtl h2 {
    font: normal 19px/145% 'aleo_bold', Helvetica, Arial, sans-serif;
    color: #293F4A;
    margin: 0 0 5px;
}

.singArtDate {
    font: 11px/1 'aleo_italic', Helvetica, Arial, sans-serif;
    color: #BBBBBB;
    text-transform: uppercase;
}

.singArtText {
    color: #333;
}

.singArtText p {
    line-height: 165%;
}

.readMoreGrid {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font: 12.5px/1 'aleo_italic', Helvetica, Arial, sans-serif;
    color: #c81f25;
    padding: 0 0 15px;
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.readMoreGrid:hover {
    color: #003A79
}

.readMoreGrid:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #c81f25;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.readMoreGrid:hover:after {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    background: #003A79
}

.pageNavi {
    text-align: center;
    padding: 0 0 40px;
}

.pageNavi li {
    display: inline-block
}

.pageNavi li a {
    display: block;
    width: 40px;
    border-right: 1px solid #E2E2E2;
    line-height: 100%;
    font-size: 14px;
    color: #005575;
}

.pageNavi li.current a {
    color: #000
}

.pageNavi li:last-child a {
    border-right: none;
}

.columnArtSection {
    width: 80%;
    margin: 0 auto;
    padding: 40px 0;
}

.colArtTtl h2 {
    font-size: 35px;
}

.innerColumnArtSection {
    position: relative;
}

.innerColumnArtSection:before {
    display: block;
    width: 1px;
    height: 100%;
    background: #eee;
    position: absolute;
    right: 25%;
}

.lcolumnArtSection,
.rcolumnArtSection,
.colArtTtl {
    float: left;
    width: 75%;
    padding: 0 20px;
}

.colArtTtl {
    padding: 0 20px;
    float: none;
    margin: 0 0 21px;
}

.lcolumnArtSection img {
    max-width: 100%;
    padding: 14px 0 20px;
}

.rcolumnArtSection {
    width: 25%;
}

.briefPostsSideTtl h3 {
    display: block;
    padding: 0 0 8px;
    margin: 0 0 15px;
    border-bottom: 1px solid #5F5F5F;
}

.briefPostsSideNav .singleArtGrid {
    width: 100%;
    display: block;
    padding: 0 0 15px;
    margin: 0 0 20px;
    border-bottom: 1px solid #eee;
}

.briefPostsSideNav li:last-child .singleArtGrid {
    border-bottom: 0;
}

.briefPostsSideNav .singArtTtl {
    margin: 0;
}

.briefPostsSideNav .singArtTtl h2 {
    font-size: 15px;
}

.briefPostsSideNav .headSingArt {
    margin: 0 0 10px
}

/* Contact Us Page */

#gmapCont {
    width: 100%;
    height: 400px;
    margin: 0 0 40px;
}

.columnarSection {
    width: 70%;
    margin: 0 auto 40px;
}

.lColumnarSection,
.rColumnarSection {
    float: left;
    width: 50%;
    padding: 0 10px;
}

.columnarSectionTtl h2 {
    font-size: 20px;
    margin: 0 0 15px
}

.contactDetails {
    padding: 25px;
    background: #f4f4f5;
    border: 1px solid #e1e1e1
}

.contactDetailsIn {
    margin: 20px 0 0;
}

.contactDetailsIn p,
.contactDetailsIn a {
    line-height: 120%;
    font-size: 14px;
    padding: 0 0 7px;
    color: #333;
}

.contactDetailsIn p a {
    color: #999;
}

.contactForm #field_2_5 .ginput_container,
.contactForm #field_2_11 .ginput_container {
    padding: 25px 0 0;
}

.contactForm .gform_wrapper .gform_footer {
    text-align: left;
    margin: 0;
    width: 100%;
    padding: 0;
}

/* Experience Page */

.posts-rows {
    margin-bottom: 40px
}

#experience-header {
    background: #eeeeee;
    position: relative;
}

#experience-header:after,
.experience-menus li a:after {
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #bebebe;
}

.experience-header-ls {
    float: left;
}

.experience-menus li {
    float: left;
    border-right: 1px solid #e0e0e0;
}

.experience-menus li a {
    display: block;
    line-height: 64px;
    color: #323232;
    padding: 0 20px;
    font: 15px/64px 'aleo_bold', Helvetica, Arial, sans-serif;
    position: relative;
}

.experience-menus li a:after {
    z-index: 2;
    left: -1px;
    right: -1px;
}

.experience-menus li:first-child a {
    font-size: 0px;
    line-height: 0;
    padding-left: 0;
}

.experience-menus li:first-child a:before {
    content: "\f015";
    font-family: FontAWesome;
    line-height: 64px;
    font-size: 20px;
    display: block;
}

.experience-menus li:first-child a:after {
    display: none;
}

.experience-header-rs {
    float: right;
}

.filter-label {
    display: block;
    font: 15px/64px 'aleo_bold', Helvetica, Arial, sans-serif;
}

.filter-label:after {
    content: "\f1de";
    font-family: FontAWesome;
    line-height: 64px;
    font-size: 28px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 20px;
}

.experience-menus li.purple-color a:after,
.purple-color .post-category,
.post-flow-item.purple-color:before {
    background: #5b31af
}

.experience-menus li.green-color a:after,
.green-color .post-category,
.post-flow-item.green-color:before {
    background: #47a200
}

.experience-menus li.orange-color a:after,
.orange-color .post-category,
.post-flow-item.orange-color:before {
    background: #fdab2e
}

.experience-menus li.red-color a:after,
.red-color .post-category,
.post-flow-item.red-color:before {
    background: #f4532f
}

.experience-menus li.cyan-color a:after,
.cyan-color .post-category,
.post-flow-item.cyan-color:before {
    background: #08c4cd
}

.experience-menus li.blue-color a:after,
.blue-color .post-category,
.post-flow-item.blue-color:before {
    background: #1e60da
}

.featured-items {
    height: 400px;
}

.featured-items li {
    float: left;
    width: 25%;
    height: 50%;
}

.featured-items li:first-child {
    width: 50%;
    height: 100%;
}

.featured-item {
    position: relative;
    height: 100%;
}

.post-media {
    position: relative;
    height: 185px
}

.featured-item .post-media {
    height: 100%;
}

.post-media a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

.featured-items .post-media a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}

.post-media img {
    width: 100%;
}

.post-category {
    display: inline-block;
    padding: 0 20px;
    color: #fff;
    line-height: 40px
}

.featured-item .post-category-cont {
    position: absolute;
    left: 0;
    top: 0;
}

.featured-item .post-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 0 20px 15px
}

.featured-items li:first-child .featured-item .post-content {
    padding: 0 30px 20px
}

.post-content h2 {
    font: 17px/130% 'aleo_bold', Helvetica, Arial, sans-serif;
    margin: 0 0 15px;
    letter-spacing: 1px;
}

.featured-items li:first-child .post-content h2 {
    font-size: 22px;
}

.featured-items .post-content h2 a {
    color: #fff;
}

#post-flow-1-row {
    margin-bottom: -20px;
}

.post-flow-1-items,
.post-flow-2-items {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: stretch;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.post-flow-1-items li {
    width: 23.5%;
    margin: 0 2% 20px 0;
    background: #f1f1f3;
}

.post-flow-1-items li:nth-child(4n) {
    margin-right: 0;
}

.post-flow-item:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
}

.post-flow-1-item .post-content,
.post-flow-2-item .post-content {
    padding: 10px;
}

.post-flow-1-item .post-content,
.post-content h2 a {
    color: #323232;
}

.post-content h2 a {
    color: #323232;
}

.post-flow-1-item .post-category-cont,
.post-flow-2-item .post-category-cont {
    margin-top: -40px;
    position: relative;
    z-index: 2;
}

.post-flow-2-items {
    padding: 0 0 0 51%;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -30px;
    position: relative;
    -ms-align-items: baseline;
    -moz-align-items: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    min-height: 500px;
}

.post-flow-2-items li:first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 30px;
    width: 49%;
    margin-bottom: 0;
}

.post-flow-2-items li:first-child .post-media {
    height: 300px;
}

.post-flow-2-items li {
    display: inline-block;
    flex-grow: 1;
    width: 25%;
    width: -webkit-calc(100% * (1/2) - 4% - 1px);
    width: calc(100% * (1/2) - 4% - 1px);
    background: #f1f1f3;
    margin: 0 0 30px 0;
}

.post-flow-2-items li:nth-child(2n) {
    margin-right: 4%;
}

.post-flow-3-ls {
    width: 70%;
    float: left;
}

.post-flow-3-items li {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eaeaea;
}

.post-flow-3-items li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.post-flow-3-item {
    overflow: hidden
}

.post-flow-3-item:before {
    display: none;
}

.post-flow-3-item .post-media {
    width: 45%;
    float: left;
    height: 235px;
    margin: 0 20px 0 0
}

.post-flow-3-item .post-category-cont,
.single-featured-item-media .post-category-cont {
    margin: 0 0 20px;
}

.post-flow-3-item .post-content h2 {
    margin-bottom: 9px;
}

.post-flow-3-rs {
    width: 30%;
    float: left;
    padding: 0 0 0 50px;
    margin: 25px 0 0 0;
}

.post-flow-3-mods {
    margin: 0 0 40px;
}

.post-flow-3-mods-head h3 {
    font-size: 30px;
    margin-bottom: 10px;
}

.sorted-posts-side a {
    display: block;
    position: relative;
    padding: 15px 10px 15px 30px;
    color: #333333
}

.sorted-posts-side li {
    border-bottom: 1px solid #eaeaea;
}

.sorted-post-number {
    position: absolute;
    left: 0;
    top: 15px;
    font: 29px/100% 'bebas_neuebold', Helvetica, Arial, sans-serif;
}

.sorted-post-title {
    font: 17px/130% 'aleo_bold', Helvetica, Arial, sans-serif;
}

.ad-cont {
    position: relative;
}

.ad-cont-fig img {
    width: 100%;
    height: auto;
}

.ad-cont-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ad-cont-text-in {
    text-align: center;
}

.ad-cont-text-in h4 {
    color: #fff;
    font: 23px/130% 'aleo_bold', Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    margin: 0 0 20px;
}

.btn-cta-2 {
    padding: 13px 25px;
    display: inline-block;
    background: #cc3333;
    color: #fff;
    font: 29px/100% 'bebas_neuebold', Helvetica, Arial, sans-serif;
    border-radius: 30px;
}

.post-article-full-header {
    padding-top: 20px;
}

.post-article-full-header h1 {
    font-family: 'aleo_bold', Helvetica, Arial, sans-serif;
    margin: 0 0 10px;
    font-size: 30px;
}

.post-flow-3-article p {
    line-height: 25px;
}

.header-misc-ls {
    float: left
}

.header-misc-ls .post-category-cont {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.header-misc-ls .post-date-cont {
    display: inline-block;
    vertical-align: middle;
}

.post-date {
    display: inline-block;
    font-size: 13px;
    line-height: 40px;
    text-transform: uppercase;
}

.header-misc-rs {
    float: right;
    margin-right: 30px;
}

.social-media-share li {
    float: left;
    margin-left: 14px;
}

.social-media-share li a {
    display: block;
    color: #b1b1b1;
    font-size: 16px;
    line-height: 40px;
}

.header-misc {
    margin: 0 0 12px;
}

.post-full-media img {
    max-width: 100%;
    height: auto;
}

.post-flow-3-article.contentLayout {
    width: 100%;
    margin: 0;
}

.post-flow-3-article img {
    max-width: 100%;
    height: auto;
}

.post-flow-3-article img.alignright {
    float: right;
    margin: 0 0 1em 1em
}

.post-flow-3-article img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}

.post-flow-3-article img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.post-flow-3-article h1,
.post-flow-3-article h2,
.post-flow-3-article h3,
.post-flow-3-article h4,
.post-flow-3-article h5,
.post-flow-3-article h6 {
    font-family: 'aleo_bold', Helvetica, Arial, sans-serif;
    margin: 0 0 20px;
}

.post-flow-2-ttl h3 {
    font-size: 25px;
    margin: 0 0 30px
}

.featured-item-media-cont {
    margin: 40px 0 0;
}

.single-featured-item-media {
    overflow: hidden;
    float: left;
    width: 50%;
    padding: 0 0 20px;
    border-bottom: 1px solid #eaeaea;
    margin: 0 0 20px
}

.single-featured-item-media.post-flow-item:before {
    display: none;
}

.single-featured-item-media:first-child {
    width: 50%;
    float: left;
    padding: 0 30px 0 0;
    margin: 0;
    border-bottom: none;
}

.single-featured-item-media:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.single-featured-item-media:first-child .featured-item-media {
    float: none;
    width: 100%;
    margin: 0 0 20px;
}

.featured-item-media {
    float: left;
    width: 180px;
    margin: 0 20px 0 0;
}

.featured-item-media a {
    display: block;
    width: 100%;
    height: 130px;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.single-featured-item-media:first-child .featured-item-media a {
    height: 260px;
}

.featured-item-media a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}

.featured-item-media a:before,
.video-items-row .post-media a:before {
    content: "\f01d";
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 25px;
    line-height: 41px;
    background: #c81f25;
    width: 49px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    text-align: center;
}

.single-featured-item-media .post-category {
    line-height: 30px;
    font-size: 14px;
}

.media-row-title {
    position: relative;
    margin: 0 0 20px
}

.media-row-title:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    top: 50%;
    margin-top: -1px;
    display: block;
    height: 2px;
    background: #d6d6d6
}

.media-row-title h2 {
    display: inline-block;
    background: #fff;
    padding-right: 10px;
    font-size: 26px;
    position: relative;
    z-index: 2;
}

.media-row-title h2:before {
    content: "\f144";
    font-family: 'FontAwesome';
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.video-items-row .post-flow-1-items li {
    width: 32%;
    margin-right: 2%;
}

.video-items-row .post-flow-1-items li:nth-child(4n) {
    margin-right: 2%;
}

.video-items-row .post-flow-1-items li:nth-child(3n) {
    margin-right: 0;
}

.post-full-media .iframe-cont {
    width: 100%;
    margin: 0;
    display: block;
}

.img-blog-social {
    width: 30px;
}

.img-blog-social:hover {
    width: 37px;
}

/***** Responsive Section */

@media (max-width:1215px) {
    /** Homepage **/
    .numberDataStats {
        font-size: 96px;
    }
    .textDataSpan {
        font-size: 17px;
    }
    /**** Innerpages **/
    /** About Us Page **/
    .innerBannerTxtIn {
        padding: 0 150px;
    }
    .timelineDate p {
        font-size: 90px;
    }
    .timelineItem {
        width: 85%;
    }
    /** Depots **/
    .filteredData table p {
        font-size: 13px;
        word-wrap: break-word;
    }
    /** Experience **/
    .post-flow-1-item .post-category-cont,
    .post-flow-2-item .post-category-cont {
        margin-top: -30px;
    }
    .post-category {
        padding: 0 10px;
        line-height: 30px;
        font-size: 13px;
    }
}

@media (min-width:1200px) {
    /** Mobile Responsive **/
    .mobile-menu,
    .close-menu,
    .side-menu-mobile {
        display: none;
    }
}

@media (max-width:1199px) {
    /** Mobile Responsive **/
    .logoNavSeIn {
        padding: 14px 0;
    }
    .logoCont {
        margin: 0;
    }
    .mainNav {
        display: none;
    }
    .rightPageHeader {
        padding: 14px 0 0;
    }
    .searchIcon {
        border-left: none;
        border-right: 1px solid #adadad;
        padding: 0 20px 0 0;
        margin: 0;
    }
    .mobile-menu,
    .close-menu {
        display: block;
        float: left;
        text-transform: uppercase;
        font: 16px/100% 'bebas_neuebold', Helvetica, Arial, sans-serif;
        letter-spacing: 1px;
        margin: 10px 0 0 20px;
        cursor: pointer;
    }
    .mobile-menu:before,
    .close-menu:before {
        display: inline-block;
        content: "\f0c9";
        font: 17px/100% 'FontAwesome';
        margin: 0 7px 0 0;
    }
    .side-menu-mobile {
        display: block;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 2;
        width: 300px;
        height: 100%;
        background: #fff;
        -ms-transform: translateX(300px);
        -o-transform: translateX(300px);
        -webkit-transform: translateX(300px);
        transform: translateX(300px);
        -o-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s;
    }
    .menu-open .side-menu-mobile {
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    .close-menu {
        float: none;
        color: #034ea1;
        margin: 0;
        padding: 0 10px;
        border-bottom: 1px solid #ccc;
        line-height: 48px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 99;
        width: 100%;
        background: #fff;
    }
    .close-menu:before {
        content: "\f00d"
    }
    .side-menu-mobile .mainNav {
        display: block;
        float: none;
        overflow: auto;
        height: 100%;
        padding: 48px 0 0;
    }
    .side-menu-mobile .mainNav>ul>li {
        float: none;
        margin: 0;
    }
    .side-menu-mobile .mainNav li a {
        line-height: 120%;
        padding: 10px;
        border-bottom: 1px solid #eee;
        text-align: left;
        float: none;
        width: 100%;
    }
    .side-menu-mobile .mainNav>ul>li>ul {
        position: relative;
        left: 0;
        top: 0;
        margin: 0;
        width: 100%;
        opacity: 1;
        visibility: visible;
        -o-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .side-menu-mobile .mainNav>ul>li>ul>li>ul {
        position: relative;
        width: 100%;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
    }
    .side-menu-mobile .mainNav>ul>li>ul>li>ul.inactive {
        opacity: 1;
        visibility: visible;
    }
    .side-menu-mobile .mainNav>ul>li>ul>li>ul>li {
        width: 100%;
        display: block;
        padding: 0;
        margin: 0;
        border-right: none;
        height: auto !important;
    }
    .side-menu-mobile .mainNav>ul>li>ul a {
        font: 17px/100% 'bebas_neuebold', Helvetica, Arial, sans-serif;
        letter-spacing: 2px;
    }
    .side-menu-mobile .mainNav>ul>li>ul>li>a {
        background: transparent;
        color: inherit;
        padding-left: 25px;
    }
    .side-menu-mobile .mainNav>ul>li>ul>li>ul>li>a>img {
        display: none !important;
    }
    .side-menu-mobile .mainNav>ul>li>ul>li>ul>li>a span {
        opacity: 1;
        -o-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        padding: 0;
        margin: 0;
        text-align: left;
        padding-left: 40px
    }
    .side-menu-mobile .experience-menus li {
        float: none;
        border-right: none;
    }
    .side-menu-mobile .experience-menus li#menu-item-1135 {
        display: none;
    }
    .side-menu-mobile .experience-menus li a:after {
        display: none;
    }
    .side-menu-mobile .experience-menus li a {
        font: 17px/100% 'bebas_neuebold', Helvetica, Arial, sans-serif;
        letter-spacing: 2px;
        color: #323232;
    }
    .side-menu-mobile .experience-menus li a:hover,
    .side-menu-mobile .experience-menus li.current-menu-item a {
        color: #c81f25;
    }
    .side-menu-mobile .experience-menus li a span {
        text-align: left;
        padding-left: 40px;
        display: block;
    }
    #experience-header {
        display: none;
    }
    #featured-items-sect {
        border-top: 1px solid #efefef;
    }
    /** CSR **/
    .singleArtGrid {
        width: 46%;
        margin: 0 2% 2% 0;
    }
    /** Experience **/
    .post-flow-2-items {
        min-height: 550px;
    }
    .post-flow-1-items li,
    .video-items-row .post-flow-1-items li {
        width: 48%;
    }
}

@media (max-width:1000px) {
    /** General **/
    .miscStuffFooter {
        text-align: center;
        height: auto;
        padding: 20px 0;
    }
    .copyrightText,
    .footOtherLinks {
        float: none;
        line-height: 120%;
    }
    .footOtherLinks {
        display: inline-block
    }
    .backToTopCont {
        display: none;
    }
    .innerMidRowHead h2 {
        line-height: 40px;
    }
    .innerMidRowHead h2:after,
    .innerMidRowHead h2:before {
        display: none;
    }
    /** Homepage **/
    .singleProdIntro,
    .singleProdIntro.twoColumnar {
        width: 50%
    }
    .datIntroTxtOnly,
    .datIntroGlobe,
    .datIntroSvg,
    .datIntroLinks {
        width: 50%;
    }
    .singleDataIntro {
        border-right: 1px solid #DEDEDE;
        border-bottom: 1px solid #DEDEDE;
    }
    /** Contact Us **/
    .lColumnarSection,
    .rColumnarSection {
        width: 100%;
    }
    /** Downloads **/
    .downloadElemsList li {
        margin-bottom: 20px;
    }
    /** Products **/
    .relatedProdTtl h3 {
        font-size: 19px;
    }
    /** Experience **/
    .experience-menus li a {
        font-size: 14px;
        padding: 0 17px;
    }
    .post-content h2 {
        font-size: 15px;
    }
    .featured-items li:first-child .post-content h2 {
        font-size: 18px;
    }
    .post-flow-3-ls,
    .post-flow-3-rs {
        width: 100%;
        padding: 0;
    }
    .post-flow-2-items {
        display: block;
        padding: 0;
        overflow: hidden;
        min-height: 0;
    }
    .post-flow-2-items li {
        display: inline-block;
        vertical-align: top;
        width: 30.33% !important;
        margin: 0 1% 30px !important
    }
    .post-flow-2-items li:first-child {
        position: relative;
    }
    .post-flow-2-items li:first-child .post-media {
        height: 185px;
    }
    .post-content p {
        display: none;
    }
}

@media (max-width:800px) {
    /** General **/
    .timelineDate p {
        font-size: 81px;
    }
    /** Products **/
    .relatedProd {
        width: 100%;
        margin: 0 0 50px;
    }
    .relatedProdImg {
        height: auto !important
    }
    .iframe-cont {
        width: 100%;
        margin: 0 0 50px;
    }
    /** About Us **/
    .innerBannerTxtIn h1 {
        font-size: 45px;
    }
    .mvcContItem {
        height: auto !important;
    }
    .mvcTtl,
    .mvcText {
        width: 100%;
    }
    .mvcTtl h2 {
        font-size: 25px;
        margin: 0;
        padding: 12px 0;
    }
    .mvcTtl:after {
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #0C427D;
        border-bottom: initial;
        right: auto;
        left: 50%;
        top: auto;
        bottom: -12px;
        margin: 0;
    }
    .mvcContItem:nth-child(even) .mvcTtl:after {
        left: 50%;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
    }
    .contentLayout,
    .timelineItem,
    .loadMoreTimeline {
        width: 88%;
        margin: 0 auto;
    }
    /** Depots **/
    .filteredData table,
    .filteredData thead,
    .filteredData tbody,
    .filteredData th,
    .filteredData td,
    .filteredData tr {
        display: block;
        width: 100%;
    }
    .filteredData thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .filteredData tr {
        border: 1px solid #ccc;
    }
    .filteredData td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }
    .filteredData td:before {
        position: absolute;
        top: 13px;
        left: 13px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font: 13px/1 'aleo_bold', Helvetica, Arial, sans-serif;
        text-transform: uppercase;
    }
    .downloadInfoText .filteredData td:nth-of-type(1):before {
        content: "Depot";
    }
    .downloadInfoText .filteredData td:nth-of-type(2):before {
        content: "Country";
    }
    .downloadInfoText .filteredData td:nth-of-type(3):before {
        content: "Address";
    }
    .downloadInfoText .filteredData td:nth-of-type(4):before {
        content: "Contact Details";
    }
    /** Experience **/
    .featured-items {
        height: 660px;
    }
    .featured-items li:first-child {
        width: 100%;
        height: 50%;
    }
    .featured-items li {
        width: 50%;
        height: 50%;
    }
    .single-featured-item-media {
        width: 100% !important;
        padding-right: 0 !important;
        border-bottom: 1px solid #eaeaea;
    }
}

@media (max-width:725px) {
    /** About Us **/
    .innerBannerTxtIn {
        padding: 0 80px;
    }
    .singleContentSlide {
        padding: 0 15px;
    }
    .lsingleContentSlide {
        width: 100%;
    }
    .policyIcon {
        margin: 0 auto 50px;
    }
    .rsingleContentSlide {
        width: 100%;
    }
    .lftSdtimelineItem {
        display: none;
    }
    .rgtSdtimelineItem {
        width: 100%;
    }
    .timelineItems li:nth-child(even) .rgtSdtimelineItem {
        margin-left: auto;
    }
    .timelineItem {
        border-left: 4px solid #034ea1;
        border-right: 4px solid #034ea1;
    }
    .timelineBody {
        border: none;
    }
    .timelineDate p {
        text-align: center;
    }
    .loadMoreTimeline {
        border-top: 4px solid #034ea1
    }
    /** Products **/
    .lftSideProdDet {
        width: 100%;
        position: relative;
        height: 350px;
    }
    .lftSideProdDet.prodImg {
        min-height: initial;
        max-height: initial;
        position: relative;
        height: 300px !important;
    }
    .rgtSideProdDet {
        width: 100%;
        height: auto !important;
    }
    .lftSideProdDet.darkBlueBg {
        height: auto !important
    }
    /** Contact Us **/
    .columnarSection {
        width: 90%;
    }
    .filteredData {
        padding: 0 5px 30px
    }
    /** CSR **/
    .singleArtGrid {
        width: 100%;
        margin: 0 0 2% 0;
    }
    /** Experience **/
    .featured-items {
        height: auto;
    }
    .featured-items li:first-child,
    .featured-items li {
        width: 100%;
        height: 245px;
    }
    .post-flow-1-items li,
    .video-items-row .post-flow-1-items li {
        width: 100%;
        margin: 0 0 50px;
    }
    .video-items-row .post-flow-1-items li .post-media {
        height: 250px
    }
    .featured-item-media {
        width: 100%;
        margin: 0 0 20px;
    }
    .featured-item-media a {
        height: 260px !important;
    }
}

@media (max-width:580px) {
    /** General **/
    #pageWrap {
        padding: 0;
    }
    .logoCont img {
        width: 200px;
    }
    .rightPageHeader {
        padding: 5px 0 0;
    }
    .innerMidRowHead h2,
    .datIntroTxtOnly .singleDataIntroHead h3 {
        font-size: 22px;
    }
    .innerMidRowHead h2:before,
    .innerMidRowHead h2:after {
        width: 27px;
    }
    /** Home **/
    .singleProdIntro,
    .singleProdIntro.twoColumnar {
        width: 100%;
    }
    .datIntroTxtOnly,
    .datIntroGlobe,
    .datIntroSvg,
    .datIntroLinks {
        width: 100%;
    }
    .singleDataIntro {
        padding: 20px 0;
        border-right: none;
        height: auto !important
    }
    .singleDataIntro:last-child {
        border-bottom: none;
    }
    .dataIntroInner {
        padding: 10px 0;
    }
    .singleProdIntro {
        height: 255px;
    }
    /** Inner Pages **/
    .innerBannerTxtIn {
        padding: 0 10px;
    }
    .innerBannerTxtIn h1 {
        font-size: 32px;
    }
    /** About us Pages **/
    .contentLayout blockquote {
        padding: 22px 25px;
    }
    .contentLayout blockquote:before {
        font-size: 95px;
    }
    /** Products **/
    .contentTabsNav li a {
        font-size: 20px;
    }
    .innerBannerImg {
        height: 290px;
    }
    .productLogo {
        width: 220px;
    }
    .productLogo img {
        max-width: 51%;
    }
    .relatedProdImg img {
        width: auto;
        height: 150px;
    }
    /** Downloads **/
    .localOrderFormCont {
        width: 100%;
    }
}

@media (max-width:415px) {
    .centerLayout {
        padding-left: 15px;
        padding-right: 15px;
    }
    .logoCont img {
        width: 147px;
    }
    .rightPageHeader {
        padding: 5px 0 0;
    }
    .searchIcon {
        height: 25px;
    }
    .searchIcon .fa {
        line-height: 25px;
    }
    .mobile-menu {
        margin: 5px 0 0 13px
    }
}

.magenta-red .post-category {
    background: #C81F25;
}

.seo-text {
    font-size: 1px;
    color: #fff;
}

/* custom commments form */

form#commentform {
    border: 1px solid rgba(204, 204, 204, 0.81);
    padding: 10px;
    margin-bottom: 25px;
    box-shadow: 3px 6px 3px rgba(204, 204, 204, 0.81);
    width: 100%;
    max-width: 600px;
}

p.comment-notes {
    margin-bottom: 10px;
}

#commentform label {
    display: block;
    margin-bottom: 8px;
}

textarea#comment {
    border: 1px solid #ccc;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 4px;
}

.comment-form-author {
    margin-bottom: 15px;
}

input#author {
    padding: 6px 7px;
    border: 1px solid #ccc;
    display: block;
}

.comment-form-email {
    margin-bottom: 15px;
}

input#email {
    padding: 6px 7px;
    border: 1px solid #ccc;
    display: block;
    /* width: 100%; */
}

input#aiowps-captcha-answer {
    border: 1px solid #ccc;
    padding: 7px 5px;
}

.form-submit {
    margin-top: 10px;
    margin-bottom: 15px;
}

input#submit {
    padding: 7px 11px;
    min-width: 130px;
    cursor: pointer;
}

/* responsive latest posts */

@media (max-width: 768px) {
    .post-flow-2-items li {
        display: inline-block;
        vertical-align: top;
        width: 100% !important;
        margin: 0 1% 30px !important;
    }
    .centerLayout {
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
    }
    .facebook-media {
        display: none;
    }
}

.twoCol {
    width: 30%;
}

.homeCare {
    background: linear-gradient(#EEB02F, #f1c261);
}

.innerBannerImg {
    height: 300px;
}

.inSideProdDet {
    padding: 10px;
}

.Neptune {
    background-size: cover !important;
}

.Cleanrol {
    background-size: cover !important;
}

.Softleaf {
    background-size: cover !important;
}

.Cooksin3Minutes {
    background-color: #fff !important;
}

.Postman-Vegetable-Oil {
    display: none !important;
}